<template>
  <div class="left-menu">
    <el-menu
      default-active="2"
      class="left-menu"
      background-color="#202d40"
      text-color="#fff"
      active-text-color="#ffd04b"
      :unique-opened="true">
      <el-submenu index="1">
        <template slot="title">
          <i class="el-icon-bank-card"></i>
          <span>个人中心</span>
        </template>
        <el-menu-item index="1-1" @click="$router.push('/centre/recharge')">
          <i class="el-icon-document"></i>
          <span slot="title">我要充值</span>
        </el-menu-item>
        <el-menu-item index="1-2" @click="$router.push('/centre/finance')">
          <i class="el-icon-document"></i>
          <span slot="title">财务报表</span>
        </el-menu-item>
        <el-menu-item index="1-3" @click="$router.push('/centre/msg')">
          <i class="el-icon-document"></i>
          <span slot="title">系统信息</span>
        </el-menu-item>
        <el-menu-item index="1-4" @click="$router.push('/centre/withdrawal')">
          <i class="el-icon-document"></i>
          <span slot="title">提现</span>
        </el-menu-item>
      </el-submenu>
      <el-submenu index="2">
        <template slot="title">
          <i class="el-icon-bank-card"></i>
          <span>文章管理</span>
        </template>
        <el-menu-item index="2-1" @click="$router.push('/article/article')">
          <i class="el-icon-document"></i>
          <span slot="title">文章发布</span>
        </el-menu-item>
        <el-menu-item index="2-2" @click="$router.push('/article/list')">
          <i class="el-icon-document"></i>
          <span slot="title">文章列表</span>
        </el-menu-item>
      </el-submenu>
      <el-submenu index="3">
        <template slot="title">
          <i class="el-icon-setting"></i>
          <span>订单管理</span>
        </template>
        <el-menu-item index="3-1" @click="$router.push('/order/order')">
          <i class="el-icon-monitor"></i>
          <span slot="title">我的订单</span>
        </el-menu-item>
      </el-submenu>
      <el-submenu index="4">
        <template slot="title">
          <i class="el-icon-document"></i>
          <span>资源管理</span>
        </template>
        <el-menu-item index="4-1" @click="$router.push('/keyword/add')">
          <i class="el-icon-printer"></i>
          <span slot="title">添加资源</span>
        </el-menu-item>
        <el-menu-item index="4-2" @click="$router.push('/keyword/config')">
          <i class="el-icon-document-copy"></i>
          <span slot="title">我的资源</span>
        </el-menu-item>
      </el-submenu>

    </el-menu>
  </div>
</template>

<script>
export default {
  name: 'leftMenu',
  methods: {
  }
}
</script>

<style lang="scss" scoped>
.left-menu {
  height: 100%;
  position: fixed;
  background: #fff;
  width: 240px;
  .el-menu{
    background-color: #fff!important;
    color:#333!important;
    li{
      background-color: #fff!important;
      color:#333!important;
      /deep/.el-submenu__title{
        background-color: #fff!important;
        color:#333!important;
      }
    }
    li:hover{
      background-color: #ebebeb!important;
      /deep/.el-submenu__title{
        background-color: #ebebeb!important;
      }
    }
    .is-active{
      color: #ff7b00!important;
    }
  }
}
</style>
